<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<!-- 指定浏览器解析网页的编码格式 -->
		<meta charset="UTF-8" />

		<!--
    这个 <meta> 标签用于设置网页的视口（viewport）属性，这对于移动设备上的网页显示尤为重要。
    视口是用户在网页上可见的区域，通过设置视口属性，可以控制网页在不同设备上的显示方式。
    内容含义：
    name="viewport"：指定这个 <meta> 标签的名称是 viewport，表示这个标签是用来设置视口属性的。
    content="width=device-width, initial-scale=1.0"：这是视口的具体设置内容。
    width=device-width：设置视口的宽度等于设备的宽度。这意味着网页的宽度会根据设备的屏幕宽度进行调整，使得网页在不同设备上都能以合适的宽度显示。
    initial-scale=1.0：设置网页的初始缩放比例为1.0，即在移动端网页不进行缩放，网页内容以100%的比例显示。
    -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!-- 配置网页关键字，用于SEO搜索优化 -->
		<meta name="keywords" content="8-12个以英文逗号隔开的单词/词语，用于SEO搜索优化" />

		<!-- 配置网页描述信息，描述网站是做什么的，用于SEO搜索优化 -->
		<meta name="description" content="80个字以内网页的简短描述，用于搜索引擎抓取" />

		<!--
    针对搜索引擎爬虫配置。
    content可选值：
    index：允许搜索爬虫索引此页面。
    noindex：要求搜索爬虫不索引此页面。
    follow：允许搜索爬虫跟随此页面上的链接。
    nofollow：要求搜索爬虫不跟随此页面上的链接。
    all:与 index, follow 相同。
    none:与 noindex, nofollow 相同。
    noarchive：要求搜索爬虫不缓存此页面。
    nocache: noarchive 的别名。
    -->
		<meta name="robots" content="index,follow" />

		<title>015-meta元信息</title>
	</head>
	<body></body>
</html>
